<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <button>post传参-json</button>
  <script>
    document.querySelector('button').addEventListener('click', function () {
      // 1.实例化异步对象
      const xhr = new XMLHttpRequest()
      // 2.设置请求的 地址 和方法
      xhr.open('post', 'http://ajax-api.itheima.net/api/login')
      // 请求头设置
      // 可以随便设置，但是无意义
      // xhr.setRequestHeader('wmy', 'good good study')
      // 设置content-type：
      xhr.setRequestHeader('content-type', 'application/json')
      // 3.注册回调函数 服务器响应内容回来之后触发
      xhr.addEventListener('load', function () {
        console.log(xhr.response)
      })
      // 4.发送请求
      let obj = {
        username: 'admin',
        password: '123456',
      }
      xhr.send(JSON.stringify(obj))
    })

    // const obj = {
    //   name: 'asds',
    //   age: 19,
    // }
    // let str = JSON.stringify(obj)
    // // JSON.stringify(obj)
    // // JSON.parse(str)
    // console.log(str, JSON.parse(str))
  </script>
</body>

</html>